/**
 * @file
 * @auth weibingbing
 * @date 2017/12/14
 * @desc 登陆   注册  重置密码  激活  页面  公用样式
 */

body {
    background-image: url('../img/bg-mobile-reg-login-reset.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.m-register,
.m-login,
.m_reset{
    max-width: 400px;
    box-sizing: border-box;
    padding: 16px;
    width: 100%;
}

.m-register .comp-web-box .web-container,
.m-login .comp-web-box .web-container,
.m_reset .comp-web-box .web-container {
    border: none;
    padding: 0px;
    margin-bottom: 0px;
    background-color: rgba(255, 255, 255, 0);
}



// logo部分
.m-register .comp-web-box .web-container .web-logo,
.m-login .comp-web-box .web-container .web-logo,
.m_reset .comp-web-box .web-container .web-logo {
    margin-bottom: 32px;
    text-align: center;
    a {
        display: inline-block;
        >img {
            display: none;
        }
    }
    .web-text {
        display: none;
    }

    // 移动端专有标题  注册orudax
    .web-text-mobile{
        font-size: 28px;
        color: #fff;
        display: block;
        text-align: center;
    }

    // 移动端专有  副 标题  注册orudax
    .web-text-mobile-sub{
        margin-top: 8px;
        font-size: 20px;
        display: block;
        text-align: center;
        color: #fff;
    }
}

// from部分
.m-register .comp-web-box .web-container .web-content,
.m-login .comp-web-box .web-container .web-content,
.m_reset .comp-web-box .web-container .web-content {
    width: 100%;
    // 登陆页面 已经注册 登陆
    .fn-ta-center{
        display: none;
    }

    // ui-tips 下提示信息的文字颜色
    .ui-tip{
        .text{
            color: #a5cafe;
        }
    }

    // 登陆页面  特有忘记密码  .col-row
    .m-forget-register{
        justify-content: flex-end;
        >a{
            color: #fff;
            display: inline-block;
        }
    }

    .col-row {
        position: relative;
        // input 输入框样式
        >input {
            width: 100%;
            transition: all 1s;
            box-sizing: border-box;
            color: #fff;
            background-color: transparent !important;
            border: none;
            border-radius: 0px;
            border-bottom: 1px solid #68bafe;
            FILTER: alpha(opacity=0); /*androd*/  
            appearance:none;  /*下拉框去掉右侧图标*/ 
        }
        >input:focus{
            border-bottom: 1px solid #efefef;
        }
        
        input::-webkit-input-placeholder, 
        textarea::-webkit-input-placeholder { 
            color: #a5c8fe;
            background-color: transparent;
        }
        input:-moz-placeholder, 
        textarea:-moz-placeholder { 
            color: #a5c8fe;
            background-color: transparent;
        }
        input::-moz-placeholder, 
        textarea::-moz-placeholder { 
            color: #a5c8fe;
            background-color: transparent;
        }
        input:-ms-input-placeholder, 
        textarea:-ms-input-placeholder { 
            color: #a5c8fe;
            background-color: transparent;
        }


        // input 左边label 消失
        .row-title {
            display: none;
        }

        // 验证码
        .comp-verify-code {
            img {
                width: 100%;
            }
            width: 30%;
            position: absolute;
            top: 0;
            //right: 5%;
        }

        >input.input-left {
            //margin-left: 5%;
            width: 64%;
        }
    }
}


// 确定  登陆 注册  按钮  
.ui-btn{
    line-height: 45px;
    background-color: #fff;
    border-radius: 40px;
    color: #333333;
    height: 45px;
}




